@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return$px/$fontsize *1rem;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
}
header {
    width: 100%;
    height: r(97);
    font-size: r(40);
    background: black;
    position: absolute;
    top: 0;
    .header_a {
        width: r(672);
        margin: 0 auto;
    }
    .jt {
        width: r(20);
        height: r(34);
        margin-top: r(34);
        img {
            width: 100%;
        }
    }
    .ss {
        width: r(35);
        height: r(35);
        margin-top: r(34);
        img {
            width: 100%;
        }
    }
    .logo {
        width: r(181);
        font-size: r(27);
        padding-top: r(34);
        margin: 0 auto;
        color: white;
    }
}
section{
    width: 100%;
    position: absolute;
    top: r(97);
    bottom: 0;
    overflow-y: scroll;
    .tup{
        width:100%;
        height: r(253);
        border-bottom: 1px solid #d9d9d9;
        margin-top: r(30);
        a{
            color: black;
        }
        p{
            font-size: r(27);
            line-height: r(40);
            font-weight:600;
            padding-top: r(50);
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        span{
            display: inline-block;
            color: #009fe7;
            font-size: r(16);
            margin-top: r(20);
        }
    }
    .tup1{
        width: r(220);
        height: r(220);
        margin: 0 r(30);
        border-bottom: 1px solid red;
        img{
            width: 100%;
        }
    }
}